<template>
  <div class="vue-component-communication">
    <page-header title="Vue3 混入"></page-header>
  </div>
</template>

<script lang="ts" setup>
import { useVueComponent } from "@/store/vueComponentCommunication";
import { ref, provide } from "vue";

// $refs
const sonEle = ref<any>(null);
const sonValue = ref("");
const getSonFun = () => {
  if (sonEle.value?.sonFunByRef) {
    sonValue.value = sonEle.value?.sonFunByRef();
  }
};

// $attr
const attrNum = ref(0);
const attrChange = () => {
  attrNum.value++;
};
</script>
<style scoped lang="scss"></style>
